
  
  var vm = new Vue({
    el: "#example",
    data: { person:{
        name: '',
        children: [{
            id:'id1',
            name:'name1'
        },{
            id:'id2',
            name:'name2'
        }]}
    },
    methods: {
      addChild: function (index) {
        this.person.children.splice(index+1, 0, {
            id:'',
            name:''
        });
      },
      removeChild: function (index) {
        this.person.children.splice(index , 1)
      },
      getData: function () {
        console.log(this.person.children);
      }
    }    
  });